﻿@using KRM.Core
@model List<tblBook>
@{
    ViewBag.Title = "Calendar Holiday Request";
    Layout = "/Views/Shared/_HRLayout.cshtml";
}
<script src="/hr/js/HolidayManagement.js"type="text/javascript"></script>
<div class="row">
    <div class="col-md-12">
        <!-- BEGIN PAGE TITLE & BREADCRUMB-->
        <h3 class="page-title">
            Calendar Holiday Request <small>View, approve, cancel request</small>
        </h3>
        <!-- END PAGE TITLE & BREADCRUMB-->
        <ul class="page-breadcrumb breadcrumb">
            <li>
                <i class="icon-home"></i>
                <a href="/Home">Home</a> 
                <span class="icon-angle-right"></span>
            </li>
            <li>
                <a href="#">Management</a>
                <span class="icon-angle-right"></span>
            </li>
            <li>
                <a href="/HolidayManagement/CalendarHolidayRequest"> Calendar Holiday Request</a>
            </li>
        </ul>
    </div>
</div><div class="row" id="CalendarHolidayRequestGroupModal" >
    <div id="ApproveRequest" class="modal fade" tabindex="-1" data-width="800">
        <div style="height: 500px">
                <div style="height: 220px"></div>
                <div class="ajax-loading"></div>
        </div>
    </div>
    <div id="ViewHolidayRequest" class="modal fade" tabindex="-1" data-width="800">
        <div style="height: 500px" >
                <div style="height: 220px"></div>
                <div class="ajax-loading"></div>
        </div>
    </div>
        <div id="CancelRequest" class="modal fade" tabindex="-1" data-width="800">
            <div style="height: 500px">
                <div style="height: 220px"></div>
                <div class="ajax-loading"></div>
            </div>
    </div>
</div>
<div class="row" >
    <form class=" form-horizontal col-md-12" id="frFilterCalendarHolidayRequest" action="/HolidayManagement/EmployeeRequest" method="GET">
        <div class="row" > 
            <div class="col-md-2">
                <div class="row" >  
                    <input type="hidden" name="PersonalId" value="@ViewBag.PersonalId"/>
                    <label class="control-label col-md-3">Status:</label>
                    <div class="col-md-9">
                        @Html.DropDownList("BookStatusId",null,new {@class="form-control",onchange="SubmitFormCalendarFilter()"})
                    </div>
                </div>
            </div>

            <div class="col-md-2">
                <div class="row" >
                    <label class="control-label col-md-3">Type:</label>
                    <div class="col-md-9">
                        @Html.DropDownList("BookTypeId",null,new {@class="form-control",onchange="SubmitFormCalendarFilter()"})
                    </div>
                </div>
            </div>
            @if(ViewBag.PersonalId==0 ||ViewBag.PersonalId==null)
            {
                <div class="col-md-3">
                    <div class="row" >
                        <label class="control-label col-md-3">Site:</label>
                        <div class="col-md-9">
                            @Html.DropDownList("SiteId",null,new {@class="form-control",onchange="SubmitFormCalendarFilter()"})
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="row" >
                        <label class="control-label col-md-4">Department:</label>
                        <div class="col-md-8">
                            @Html.DropDownList("DepartmentId",null,new {@class="form-control",onchange="SubmitFormCalendarFilter()"})
                        </div>
                    </div>
                </div>
               
            }
            <div class="col-md-2">
                <div class="row" >
                    <div class="col-md-12">
                        <button type="submit" class="btn green"><i class="glyphicon glyphicon-refresh"></i> Refresh</button>
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>

<div class="row"> 
<div class="col-md-12" id="msg-ListRequest-content">
   </div> 
</div>
<div class="portlet box calendar" style="padding-top: 10px !important;">
    <div class="light-grey">
        <div id="fullcalendar-pendingrequest" class="fullcalendar-custom"></div>
    </div>
</div>
<div class="row"> 
    <div class="col-md-12">
        <label class="">NOTE : </label>
        <span class="label label-bookstatus-pending">Pending</span>
        <span class="label label-bookstatus-accepted">Accepted</span>
        <span class="label label-bookstatus-declined">Declined</span>
        <span class="label label-bookstatus-canceled">Canceled</span>
    </div> 
</div>

